﻿<%@ Page Language="C#" MasterPageFile="~/Main.master" AutoEventWireup="true" CodeFile="AboutUs.aspx.cs"
    Inherits="AboutUs" Title="AboutUs" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

    <script type="text/javascript" language="javascript">
        var oldDiv;
        var oldDivName;
        function changeDiv(currentDivName){
            if(oldDivName != null){
            
                if(oldDivName == currentDivName){
            
                }else{
                    oldDiv.className = "invisibleDiv";
                    var currentDiv = document.getElementById(currentDivName);
                    currentDiv.className = "visibleDiv";
                    oldDiv = currentDiv;
                    oldDivName = currentDivName;
                    
                }
            }
            var currentDiv = document.getElementById(currentDivName);
                    currentDiv.className = "visibleDiv";
                    oldDiv = currentDiv;
                    oldDivName = currentDivName;           
            
        }
    </script>

    <table width="100%">
        <tr>
            <td style="width:200px;">
                This is the area where you will have your what, why, who, where, when, how section.<br />
                <div id="labelWhat" class="spacer10" onmouseover="changeDiv('what')">What</div>
                <div id="labeWhy" class="spacer10" onmouseover="changeDiv('why')">Why</div>
                <div id="labelWho" class="spacer10" onmouseover="changeDiv('who')">Who</div>
                <div id="labelWhere" class="spacer10" onmouseover="changeDiv('where')">Where</div>
                <div id="labelWhen" class="spacer10" onmouseover="changeDiv('when')">When</div>
                <div id="labelHow" class="spacer10" onmouseover="changeDiv('how')">How</div>
                <%--<asp:label id="lbWhat"  onclick="changeDiv('what')"></asp:label>--%>
                <%--<asp:LinkButton ID="lbWhy" runat="server" Text="Why" OnClientClick="changeDiv('why')"></asp:LinkButton>
                <asp:LinkButton ID="lbWho" runat="server" Text="Who" OnClientClick="changeDiv('who')"></asp:LinkButton>
                <asp:LinkButton ID="lbwhere" runat="server" Text="Where" OnClientClick="changeDiv('where')"></asp:LinkButton>
                <asp:LinkButton ID="lbWhen" runat="server" Text="When" OnClientClick="changeDiv('when')"></asp:LinkButton>
                <asp:LinkButton ID="lbHow" runat="server" Text="How" OnClientClick="changeDiv('how')"></asp:LinkButton>--%>
            </td>
            <td style="padding-left:400px;">
                <div class="visibleDiv">
                    <div id="what" class="invisibleDiv">
                        <div class="spacer10">
                        This is the what</div>
                    </div>
                    <div id="why" class="invisibleDiv">
                        <div class="spacer10">this is the why</div>
                    </div>
                    <div id="who" class="invisibleDiv">
                        <div class="spacer10">this is the who</div>
                    </div>
                    <div id="where" class="invisibleDiv">
                       <div class="spacer10">this is the where</div>
                    </div>
                    <div id="when" class="invisibleDiv">
                        <div class="spacer10">this is the when</div>
                    </div>
                    <div id="how" class="invisibleDiv">
                        <div class="spacer10">this is the how</div>
                    </div>
                </div>
            </td>
        </tr>
    </table>
</asp:Content>
